<!DOCTYPE html>
<html lang="zh-cn"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta http-equiv="Content-Language" content="zh-CN">
<meta name="author" content="管雷鸣">
<title>APP中快速使用DEMO</title>
<script src="https://res.zvo.cn/msg/msg.js"></script>
<script src="https://res.zvo.cn/request/request.js"></script>
<link rel="stylesheet" href="../style.css">
</head>
<body>
		<h2>第一步：增加一个 WebView 页面</h2>
		<p>原生android或ios，增加一个页面，这个页面包含两部分，标题栏、以及主体内容区域的WebView。 
			<br/> 标题栏显示的文字比如就叫 “在线客服”
			<br/>主体内容区域的 WebView 打开一个网页，这个在线客服就是以网页形式嵌入的。
		</p>
		<h2>第二步：WebView调用的URL地址</h2>
		<pre id="url"><!-- Loading... --></pre>
		<p>其中get传递的参数id，就是客服坐席的id</p>
		<p>（您也可以将这个html页面直接下载下来，部署到自己服务器进行引用，效果一样）</p>
		
		<h2>效果图</h2>
		<p style="text-align:center;"><img src="https://res.zvo.cn/kefu/dev/app/kefu_app.jpg" style="width:60%" /></p>


<script type="text/javascript">
msg.loading('加载中');
request.post('/kefu/chat/config/getConfig.json',{},function(data){
	msg.close();
	
	if(data.result != '1'){
		msg.failure(data.info);
	}else {
		//成功
		document.getElementById('url').innerHTML = data.api+'/dev/app/kefu.html?id=9752d379cbe641039de8c68974319bb9';
	}
});

</script>

</body>
</html>